/*
 * 用户logo组件
 */
<template name="ys-user-logo">
    <view class="ys-user-logo">
        <image :src="logoUrl" class="logo-img" mode="aspectFit"></image>
    </view>
</template>

<script>
    export default {
        name: "ys-user-logo",
        props: {
            logoUrl: {
                type: String,
                default: '../../static/images/logo.png'
            }
        }
    }
</script>

<style lang="scss">
    .ys-user-logo {
        width: 100%;
        display: flex;  
        justify-content: center;
        align-items: center;
        height: 400upx;
        margin-top: 100upx;
        .logo-img {
            width: 224upx;
            height: 224upx;
            border-radius: 14upx;    
        }
    }
</style>